<template>
	<view class="contain ">
		
	
		
	
		
		
		<view class="flex-col relative page">
			
		
			<view class="flex-col justify-start items-start image-wrapper">
				<image class="shrink-0 image"
					src="https://qiniu.ccchongya.com/chongya/images/16947555454840105279.png" />
			</view>


			<text class="text pos_2">宠物托运我最专业1</text>
			<text class="text_2 pos_3">我们用心，为你宠物爱的旅程护航！</text>
			<view class="flex-col section_2 pos_4">

				<view class="flex-row justify-start items-start" >

						<view class=" items-start pos_6 " :class="activeTab==0?'image-wrapper_2':''"  @click="tabSwitch(0)" >
							<text class="font_1 text_4 " >宠物拖运</text>
						</view>
						<view class=" items-start pos_6 " :class="activeTab==1?'image-wrapper_2':''"  @click="tabSwitch(1)" >
							<text class="font_1 text_4 "  >国际运输</text>
						</view>
				 </view>



				<view class="flex-col section_3 pos_8">
				<!-- 	<view class="flex-row justify-between items-center section_4"
						@click="go('/pages/user/address?type=ty_from');addressType = 'from'"> -->
					<view class="flex-row justify-between items-center section_4" v-if="activeTab==0"
						@tap.stop="toAddress(1)">
						<view class="flex-row items-center space-x-14">
							<block v-if="addressFrom==null">
								<view class="flex-col justify-start items-center text-wrapper"><text
										class="font_3">发</text></view>
								<view class="flex-col items-start space-y-12">
									<text class="text_5">从哪里出发？</text>
									<text class="font_4">填写邮寄人地址信息</text>
								</view>
							</block>
							<block v-else>
								<view class="flex-col justify-start items-center text-wrapper"><text
										class="font_3">发</text>
								</view>
								<view class="flex-col space-y-12">
									<view class="flex-row space-x-8">
										<text class="font_2">{{addressFrom.address.city}}</text>
										   <!-- <text class="font_2">{{addressFrom.address.city}}</text> -->
											<text class="font_2">{{addressFrom.address.name}}</text>
									</view>

										<text  class="self-start font_4">{{addressFrom.address.address}}</text>
										<text class="self-start font_4">联系人:{{addressFrom.contacts}} 电话:{{addressFrom.tel}}</text>
								</view>
							</block>
						</view>
						<text class="font_4"></text>
					</view>
					
					
					<view class="flex-row justify-between items-center section_4" v-if="activeTab==1"
					 @click="go('/pages/user/address?type=ty_from');"
					 >
					
						<view class="flex-row items-center space-x-14">
					
							<block v-if="addressFrom==null">
								<view class="flex-col justify-start items-center text-wrapper"><text
										class="font_3">发</text></view>
								<view class="flex-col items-start space-y-12">
									<text class="text_5">从哪里出发？(国际运输)</text>
									<text class="font_4">填写邮寄人地址信息</text>
								</view>
							</block>
							<block v-else>
								<view class="flex-col justify-start items-center text-wrapper"><text
										class="font_3">发</text>
								</view>
								<view class="flex-col space-y-12">
									<view class="flex-row space-x-8">
										<text class="font_2">{{addressFrom.address.city}}</text>
										   <!-- <text class="font_2">{{addressFrom.address.city}}</text> -->
											<text class="font_2">{{addressFrom.address.name}}</text>
									</view>
					
										<text  class="self-start font_4">{{addressFrom.address.address}}</text>
										<text class="self-start font_4">联系人:{{addressFrom.contacts}} 电话:{{addressFrom.tel}}</text>
								</view>
							</block>
						</view>
						<text class="font_4"></text>
					</view>
					
					
				<!-- 	<view class="flex-row justify-between items-center section_5"
					 @click="go('/pages/user/address?type=ty_to');addressType = 'to'"
					 > -->
					<view class="flex-row justify-between items-center section_5" v-if="activeTab==0"
					 @tap.stop="toAddress(2)">
						<view class="flex-row items-center space-x-14">
							<block v-if="addressTo==null">
								<view class="flex-col justify-start items-center text-wrapper_2"><text
										class="font_3">收</text></view>
								<view class="flex-col items-start space-y-12">
									<text class="text_5">要送到哪里？</text>
									<text class="font_4">填写收货人地址信息</text>
								</view>
							</block>
							<block v-else>
								<view class="flex-col justify-start items-center text-wrapper_2"><text
										class="font_3">收</text>
								</view>
								<view class="flex-col space-y-12">
									<view class="flex-row space-x-8">
										<text class="font_2">{{addressTo.address.city}}</text>
											<text class="font_2">{{addressTo.address.name}}</text>
									</view>

										<text  class="self-start font_4">{{addressTo.address.address}}</text>
										<text class="self-start font_4">联系人:{{addressTo.contacts}} 电话:{{addressTo.tel}}</text>
								</view>
							</block>
						</view>
						<text class="font_4"></text>
					</view>

						<view class="flex-row justify-between items-center section_5" v-if="activeTab==1"
						 @click="go('/pages/user/address?type=ty_to');"
						 >

							<view class="flex-row items-center space-x-14">

								<block v-if="addressTo==null">
									<view class="flex-col justify-start items-center text-wrapper_2"><text
											class="font_3">收</text></view>
									<view class="flex-col items-start space-y-12">
										<text class="text_5">要送到哪里？(国际运输)</text>
										<text class="font_4">填写收货人地址信息</text>
									</view>
								</block>
								<block v-else >
									<view class="flex-col justify-start items-center text-wrapper_2"><text
											class="font_3">收</text>
									</view>
									<view class="flex-col space-y-12">
										<view class="flex-row space-x-8">
											<text class="font_2">{{addressTo.address.city}}</text>
												<text class="font_2">{{addressTo.address.name}}</text>
										</view>

											<text  class="self-start font_4">{{addressTo.address.address}}</text>
											<text class="self-start font_4">联系人:{{addressTo.contacts}} 电话:{{addressTo.tel}}</text>
									</view>
								</block>
							</view>
							<text class="font_4"></text>
						</view>
					<view class="flex-col justify-start items-center relative group">
						<view class="section_6"></view>
						<view class="flex-col justify-start items-center text-wrapper_3 pos_9"
							@click="gosure()">
							<text class="text_6">立即约单</text>
						</view>
					</view>

					<view class="flex-row equal-division">
						<view class="flex-row justify-center items-center section_11 equal-division-item space-x-10" @click="go('/pages/user/rules?type=7');">
							<image class="image_7"
								src="https://qiniu.ccchongya.com/chongya/images/16947555453065282297.png" />
							<text class="font_1">发单人必读</text>
						</view>
						<view class="flex-row justify-center items-center section_12 equal-division-item space-x-10" @click="go('/pages/user/rules?type=8');">
							<image class="image_7"
								src="https://qiniu.ccchongya.com/chongya/images/16947555453937427871.png" />
							<text class="font_1">安全规则</text>
						</view>
					</view>

				</view>
				<view class="shrink-0 section pos"   @click="tabSwitch(1)"></view>
			</view>

		</view>


		<!-- <tab-bar ref="tabbar" :showLogin="true" :active="2" :isShow="false"></tab-bar> -->

		<tab-bar ref="tabbar" :showLogin="!isLogin" active="2" :isShow="false"></tab-bar>
	</view>
</template>
<script>
	import issueBtn from '@/components/issuebtn.vue';
	import findList from '@/components/findlist.vue';
	const API = require('@/utils/api/find.js').default;
	const $ = require('@/utils/api.js');
	let self;
	export default {
		data() {
			return {
				isLogin: uni.getStorageSync('token') ? true : false,
				activeTab:0,
				chatLen:0,
				top: uni.getStorageSync('bartop') ? uni.getStorageSync('bartop') : 0,
				isIphonex: uni.getStorageSync('isIphonex') ? uni.getStorageSync('isIphonex') : false,
				active: 0,
				list: [],
				page: 1,
				pageSize: 20,
				totalPage: 1,
				isRefresh: false,
				refreshClass: [''],
				style: '',
				addressType: '',
				addressTo: null,
				addressFrom: null,
			};
		},
		onLoad: function() {
			self = this;
			uni.hideTabBar();
			// this.addressTo = uni.getStorageSync('addressTo');
			// this.addressFrom = uni.getStorageSync('addressFrom');
			// this.addressTo = this.$store.state.addressTo;
			// this.addressFrom = this.$store.state.addressFrom;
			
		
			this.init();


			// //备注
			// uni.$on('remark', res => {
			// 	this.remark = res.remark
			// })
			// uni.$emit('remark', content)

		},
		onShow() {
			this.isLogin = uni.getStorageSync('token') ? true : false,

			
			this.addressFrom = uni.getStorageSync('addressFrom') || null
			this.addressTo =  uni.getStorageSync('addressTo') || null
			
				console.log("this.addressTo",	this.addressTo)
				
				
					console.log("this.addressFrom ",this.addressFrom )

			// this.$nextTick(() => {
			// 	this.$refs.tabbar.getChatLen();
			// })
		},
		methods: {

			toAddress(type) {
				console.log("toAddress  type",type)
				uni.navigateTo({
					url: "/pages/ys/address?type=" + type
				})
			},
			getAddress(type) {
				let location = this.start.longitude + ',' + this.start.latitude
				uni.navigateTo({
					url: "/pages/ys/search?type=" + type + "&location=" + location
				})
			},
			delAddr(index) {
				this.$store.commit("delHyAddress", index)
			},

			gosure(){
				if (!this.addressFrom.contacts) {
					$.$toast("请填写发货地址信息");
					return
				}
				if (!this.addressTo.contacts) {
					$.$toast("请填写收货地址信息");
					return
				}

		
				$.go("/pages/ys/order/sure?type="+this.activeTab);
			},
			tabSwitch(index) {
							this.activeTab = index

							this.addressFrom= null
							this.addressTo= null
							uni.setStorageSync('addressTo',this.addressTo);
							uni.setStorageSync('addressFrom',this.addressFrom);

			},

			chooseLocation(){
						uni.chooseLocation({
							success: function (res) {
								console.log('位置名称：' + res.name);
								console.log('详细地址：' + res.address);
								console.log('纬度：' + res.latitude);
								console.log('经度：' + res.longitude);


								  let reg = /.+?(省|市|自治区|自治州|县|区)/g
								                        let address1 = res.address
								                        let address = address1.match(reg)
								                        // that.form.locationAddress = res.address.split(address[Number(address.length - 1)])[1] + res.name
								                        // that.form.location = [Number(res.latitude), Number(res.longitude)]


							}
						});
			},
			chooseLocationTo(){
						uni.chooseLocation({
							success: function (res) {
								console.log('位置名称：' + res.name);
								console.log('详细地址：' + res.address);
								console.log('纬度：' + res.latitude);
								console.log('经度：' + res.longitude);

								// <text class="font_2">{{addressTo.province}}</text>
								// 		<text
								// 			class="font_2">{{addressTo.city}}{{addressTo.area}}{{addressTo.address}}</text>
								// 	</view>
								// 	<text
								// 		class="self-start font_4">{{addressTo.realname}}{{addressTo.memberName}}</text>
								// </view>


								  let reg = /.+?(省|市|自治区|自治州|县|区)/g
								                        let address1 = res.address
								                        let address = address1.match(reg)
								                        // that.form.locationAddress = res.address.split(address[Number(address.length - 1)])[1] + res.name
								                        // that.form.location = [Number(res.latitude), Number(res.longitude)]


							}
						});
			},

			setAddress(item,type) {
			
			    self.addressType =  type
				let lat = item.lat
				let lng = item.lng
				let address = {
					address:{
						city: item.city,
						address:item.address,
						name: item.address,
					},
					address1: item.address,
					latitude:item.lat,
					longitude: item.lng,
					contacts: item.realname,
					tel:item.phone,
					province:item.province,
					city: item.city,
					area: item.area,
					district: item.address
				}
				this.$nextTick(() => {
											if (self.addressType == 'ty_to') {
														
														
												self.addressTo = address
												uni.setStorageSync('addressTo', self.addressTo);
											
											     console.log("ty_toty_toty_toty_toty_to",self.addressTo)
										
														
											}
											 
											if (self.addressType == 'ty_from') {
												self.addressFrom = address
												uni.setStorageSync('addressFrom', self.addressFrom);
														
														
												console.log("ty_fromty_fromty_fromty_from",self.addressFrom)
											}
				})
							

			},
			getList() {
				const self = this;
				$.ajax({
					url: API.findListApi,
					data: {
						type: '',
						page: self.page,
						pageSize: self.pageSize
					},
					method: 'GET',
					success(res) {
						let list = res.data.list ? res.data.list : [];
						if (list.length <= 0 && self.page == 1) {
							self.list = [];
							return;
						}
						list.forEach((ele, index) => {
							let obj = ele.walkTrends;
							obj.collectTrends = ele.collectTrends;
							obj.collectWalkMember = ele.collectWalkMember;
							obj.index = index;
							if (obj.videoUrl && obj.videoUrl != '') {
								obj['mainImg'] = obj.videoUrl + '?vframe/jpg/offset/0/w/300';
							} else if (String(obj.images).indexOf('|') >= 0) {
								obj['mainImg'] = obj.images.split('|')[0];
							} else {
								obj['mainImg'] = obj.images;
							}
							self.list.push(obj);
						})
						self.totalPage = res.data.totalPage;
						uni.stopPullDownRefresh();
						// #ifdef MP-WEIXIN
						if (self.isRefresh) {
							self.isRefresh = false;
							self.refreshClass = ['fadeIn'];
						}
						// #endif

					}
				})
			},
			init() {
				this.page = 1;
				this.list = [];
				this.getList();
				this.getStyle().then((res) => {
					self.style = res;
				})
			},
		},
		computed: {
			i18n() {
				return this.$t('find')
			},
		},
		// created() null,
		// mounted() null,
		// destroyed() null,
		components: {
			issueBtn,
			findList
		},
		onPullDownRefresh() {
			// #ifdef MP-WEIXIN
			this.isRefresh = true;
			this.refreshClass = ['fadeOut'];
			// #endif
			this.init();
		},
		onReachBottom() {
			if (this.page < this.totalPage) {
				this.page += 1;
				this.getList();
			}
		}
	}
</script>
<style scoped>
	.pos_6 {
		padding:30rpx 60rpx;
	}
	.page {
		background-color: #f5f7f7;
		width: 100wh;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100vh;
	}

	.image-wrapper {
		padding-top: 52rpx;
		background-image: linear-gradient(0deg, #ffffff 0%, #ffbd52 100%);
		/* overflow: hidden; */
		height: 696rpx;
	}

	.image {
		margin-left: 552rpx;


	}

	.section_7 {
		margin: 224rpx 22rpx 0;
		background-color: #fc730033;
		border-radius: 20rpx;
		overflow: hidden;
	}

	.image_3 {
		filter: blur(6rpx);
		width: 706rpx;
		height: 198rpx;
	}

	.image_4 {
		width: 144rpx;
		height: 160rpx;
	}

	.pos_10 {
		position: absolute;
		left: 0;
		top: 0;
	}

	.image_6 {
		width: 284rpx;
		height: 154rpx;
	}

	.pos_13 {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.text_7 {
		color: transparent;
		font-size: 32rpx;
		font-family: PangMenZhengDao;
		line-height: 32rpx;
		background-image: linear-gradient(180deg, #fd6c01 0%, #e36105 100%);
		-webkit-background-clip: text;
	}

	.pos_11 {
		position: absolute;
		left: 30rpx;
		top: 27rpx;
	}

	.section_9 {
		padding: 0 24rpx 24rpx 32rpx;
		background-color: #ffffffbf;
		border-radius: 20rpx;
		height: 100rpx;
	}

	.pos_15 {
		position: absolute;
		left: 16rpx;
		right: 18rpx;
		top: 80rpx;
	}

	.group_2 {
		margin-top: -68rpx;
	}

	.space-x-20>view:not(:first-child),
	.space-x-20>text:not(:first-child),
	.space-x-20>image:not(:first-child) {
		margin-left: 40rpx;
	}

	.group_4 {
		margin-top: 88rpx;
		width: 105rpx;
	}

	.text_9 {
		margin-left: 24rpx;
		color: #fc7300;
		font-size: 72rpx;
		font-family: HarmonyOSSansSC;
		line-height: 54rpx;
	}

	.font_4 {
		font-size: 24rpx;
		font-family: HarmonyOSSansSC;
		line-height: 22rpx;
		color: #666e7a;
	}

	.text_12 {
		margin-left: -104rpx;
		color: #fc7505;
		line-height: 18rpx;
	}

	.group_3 {
		width: 176rpx;
	}

	.space-y-10>view:not(:first-child),
	.space-y-10>text:not(:first-child),
	.space-y-10>image:not(:first-child) {
		margin-top: 20rpx;
	}

	.image_5 {
		width: 70rpx;
		height: 82rpx;
	}

	.text_10 {
		line-height: 23rpx;
	}

	.text-wrapper_4 {
		padding: 16rpx 0;
		background-image: linear-gradient(90deg, #fc7402 0%, #ff5e4d 100%);
		border-radius: 406rpx;
		width: 136rpx;
		height: 50rpx;
	}

	.text_11 {
		color: #ffffff;
	}

	.section_8 {
		background-color: #fee0c4;
		border-radius: 50%;
		width: 17rpx;
		height: 17rpx;
	}

	.pos_14 {
		position: absolute;
		left: 165rpx;
		top: 71rpx;
	}

	.pos_17 {
		position: absolute;
		left: 165rpx;
		top: 169rpx;
	}

	.section_10 {
		background-image: repeating-linear-gradient(90deg, #fee0c4, #fee0c4 4.79%, transparent 4.79%, transparent 9.576%);
		background-position: -2rpx 0px;
		width: 2rpx;
		height: 84rpx;
	}

	.pos_16 {
		position: absolute;
		left: 172rpx;
		top: 85rpx;
	}

	.text_8 {
		color: #7d3a0a;
		line-height: 23rpx;
	}

	.pos_12 {
		position: absolute;
		right: 29rpx;
		top: 28rpx;
	}

	.equal-division {
		margin: 26rpx 22rpx 0;
	}

	.section_11 {
		flex: 1 1 338rpx;
	}

	.image_7 {
		width: 50rpx;
		height: 50rpx;
	}

	.font_1 {
		font-size: 28rpx;
		font-family: HarmonyOSSansSC;
		line-height: 26rpx;
		color: #1a0d03ba;
	}

	.section_12 {
		flex: 1 1 338rpx;
		margin-left: 26rpx;
	}

	.equal-division-item {
		/* padding: 32rpx 68rpx; */
		background-color: #ffbd522b;
		border-radius: 10rpx;
		height: 110rpx;
	}

	.space-x-10>view:not(:first-child),
	.space-x-10>text:not(:first-child),
	.space-x-10>image:not(:first-child) {
		margin-left: 20rpx;
	}

	.equal-division_2 {
		margin-top: 242rpx;
	}

	.section_13 {
		padding: 24rpx 0;
		background-color: #ffffff;
		overflow: hidden;
	}

	.group_5 {
		flex: 1 1 150rpx;
	}

	.equal-division-item_2 {
		padding: 12rpx 0;
	}

	.space-y-4>view:not(:first-child),
	.space-y-4>text:not(:first-child),
	.space-y-4>image:not(:first-child) {
		margin-top: 8rpx;
	}

	.image_8 {
		width: 48rpx;
		height: 48rpx;
	}

	.font_5 {
		font-size: 20rpx;
		font-family: HarmonyOSSansSC;
		line-height: 18rpx;
		color: #666e7a;
	}

	.text_13 {
		color: #ffbd52;
	}

	.text {
		/* color: transparent;
  font-size: 48rpx;
  font-family: YouSheBiaoTiYuan;
  line-height: 37rpx;
  background-image: linear-gradient(180deg, #ed800c 0%, #f2553d 100%);
  -webkit-background-clip: text;
  text-shadow: 0 4rpx #ffffff, 0 -4rpx #ffffff, 4rpx 0 #ffffff, -4rpx 0 #ffffff, -8rpx -6rpx 26rpx #ffffff40; */
		color: #ef721c;
		font-size: 48rpx;
		font-family: HarmonyOSSansSC;
		font-weight: 700;
		line-height: 13px;
		text-shadow: 0 1px #ffffff, 0 -1px #ffffff, 1px 0 #ffffff, -1px 0 #ffffff, -4px -3px 13px #ffffff40;
	}

	.pos_2 {
		position: absolute;
		left: 41rpx;
		top: 123rpx;
	}

	.text_2 {
		color: #ef721c;
		font-size: 24rpx;
		font-family: HarmonyOSSansSC;
		font-weight: 700;
		line-height: 25rpx;
		text-shadow: 0 2rpx #ffffff, 0 -2rpx #ffffff, 2rpx 0 #ffffff, -2rpx 0 #ffffff, -8rpx -6rpx 26rpx #ffffff40;
	}

	.pos_3 {
		position: absolute;
		left: 39rpx;
		top: 178rpx;
	}

	.section_2 {
		/* opacity: 0.9; */
		background-color: #ffffff4f;
		border-radius: 20rpx;
		/* filter: drop-shadow(0px 0px 8rpx #ffbd5208); */
		/* backdrop-filter: blur(58rpx); */
		/* overflow: hidden; */
		/* height: 640rpx; */
	}

	.pos_4 {
		position: absolute;
		left: 22rpx;
		right: 22rpx;
		top: 254rpx;
	}

	.image-wrapper_2 {
		filter: drop-shadow(4rpx 0px 6rpx #ffd28a66);
		background-image: url('https://qiniu.ccchongya.com/chongya/images/16947555450438088436.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 238rpx;
	}



	.image_2 {
		width: 248rpx;
		height: 84rpx;
	}

	.text_4 {
		color: #000000;
	}

	.pos_7 {

	}

	.section_3 {
		padding: 28rpx 28rpx 200rpx;
		background-color: #ffffff;
		border-radius: 0px 20rpx 20rpx 20rpx;
		overflow: hidden;
	}

	.pos_8 {
		position: absolute;
		left: 0;
		right: 0;
		top: 84rpx;
	}

	.section_4 {
		padding: 44rpx 16rpx 44rpx 22rpx;
		background-color: #cfcfcf00;
		border-radius: 20rpx;
		overflow: hidden;
	}

	.space-x-14>view:not(:first-child),
	.space-x-14>text:not(:first-child),
	.space-x-14>image:not(:first-child) {
		margin-left: 28rpx;
	}

	.text-wrapper {
		padding: 8rpx 0;
		background-color: #4578ff;
		border-radius: 50%;
		width: 41rpx;
		height: 41rpx;
	}

	.font_3 {
		font-size: 28rpx;
		font-family: HarmonyOSSansSC;
		line-height: 26rpx;
		color: #ffffff;
	}

	.space-y-12>view:not(:first-child),
	.space-y-12>text:not(:first-child),
	.space-y-12>image:not(:first-child) {
		margin-top: 24rpx;
	}

	.space-x-8>view:not(:first-child),
	.space-x-8>text:not(:first-child),
	.space-x-8>image:not(:first-child) {
		/* margin-left: 16rpx; */
	}

	.font_2 {
		margin:0;
		font-size: 28rpx;
		font-family: HarmonyOSSansSC;
		line-height: 26rpx;
		color: #081329;
	}

	.section_5 {
		margin-top: 22rpx;
		padding: 36rpx 16rpx 44rpx 22rpx;
		background-color: #f7f6f5;
		border-radius: 20rpx;
		overflow: hidden;
	}

	.text-wrapper_2 {
		padding: 8rpx 0;
		background-color: #43cf7c;
		border-radius: 50%;
		width: 41rpx;
		height: 41rpx;
	}

	.text_5 {
		color: #081329;
		font-size: 32rpx;
		font-family: HarmonyOSSansSC;
		line-height: 30rpx;
	}

	.group {
		padding: 124rpx 0 52rpx;
	}

	.section_6 {
		background-color: #f7cd1c;
		border-radius: 232rpx;
		filter: blur(16rpx);
		width: 359rpx;
		height: 20rpx;
	}

	.text-wrapper_3 {
		padding: 32rpx 0 36rpx;
		background-color: #ffbd52;
		border-radius: 100rpx;
		width: 526rpx;
	}

	.pos_9 {
		position: absolute;
		right: 56rpx;
		top: 50%;
		transform: translateY(-50%);
	}

	.text_6 {
		color: #00000082;
		font-size: 36rpx;
		font-family: HarmonyOSSansSC;
		line-height: 33rpx;
	}

	.section {
		background-image: url('https://qiniu.ccchongya.com/chongya/images/16947555449274837621.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 375rpx;
		height: 378rpx;
	}

	.pos {
		position: absolute;
		right: -22rpx;
		top: -240rpx;
		z-index: 999;
	}

	.text_3 {
		color: #000000;
		font-size: 28rpx;
		font-family: HarmonyOSSansSC;
		font-weight: 700;
		line-height: 26rpx;
	}


</style>
